<template>
  <div class="container">梦开始的地方！！！！！</div>
  <Person :list="personList"/>
</template>

<script setup lang="ts">
  import Person from './components/Person自定义hooks.vue'

  import {reactive} from 'vue'
  import {type Persons} from '@/types'

  let personList= reactive<Persons>([
    {id:1,name:'张三',age:18},
    {id:2,name:'李四',age:20},
    {id:3,name:'王五',age:22}
  ])

</script>

<style scoped>
.container{
  background-color: rgb(146, 146, 179);
  width: 800px;
  height: 600px;
  font-size: 20px;
  color: white;
  position: relative;
  text-align: center;
}
</style>
